import React from 'react';
import {
  Modal,
  Form,
  Select,
} from 'antd';

const SongManagementModal = ({
  visible,
  onCancel,
  onOk,
  selectedEvent,
  songs,
}) => {
  const songOptions = [
    { value: '夜空中最亮的星', label: '夜空中最亮的星' },
    { value: '海阔天空', label: '海阔天空' },
    { value: '光辉岁月', label: '光辉岁月' },
    { value: '童话', label: '童话' },
    { value: '小幸运', label: '小幸运' },
    { value: '演员', label: '演员' },
  ];

  const handleModalOk = () => {
    // 这里可以添加歌曲管理的逻辑
    onOk();
  };

  return (
    <Modal
      title="歌曲管理"
      visible={visible}
      onOk={handleModalOk}
      onCancel={onCancel}
      width={600}
    >
      <Form layout="vertical">
        <Form.Item
          label="选择歌曲"
          name="songs"
        >
          <Select
            mode="multiple"
            placeholder="请选择歌曲"
            options={songOptions}
            defaultValue={selectedEvent?.songs || []}
          />
        </Form.Item>
      </Form>
    </Modal>
  );
};

export default SongManagementModal; 